.show-i{
	display: block!important;
	overflow: hidden;
}
#order-num{
	font-style: normal;
}
.pop figure{
	margin: 0;
}
.pop {
	display: none;
  width: 800px;
  font-size: 13px;
  border-radius: 5px;
  background: #fff;
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }
  .pop .title {
    color: #888;
    background: #f8f8f8;
    padding: 12px 30px;
    border-bottom: 1px solid #e7e7e7; }
    .pop .title i {
      width: 25px;
      line-height: 25px;
      text-align: center;
      font-size: 20px;
      margin-right: -10px;
      cursor: pointer; }
      .pop .title i:hover {
        color: #eb413d; }
  .pop .content {
    padding: 40px; }
    .pop .content .info {
      width: 160px;
      text-align: center; }
      .pop .content .info img {
        width: 100%;
        padding: 30px;
        border: 1px solid #e7e7e7; }
      .pop .content .info p {
        color: #888;
        line-height: 25px;
        margin-top: 15px;
        text-align: justify; }
    .pop .content .eva {
      width: 530px;
      padding-left: 30px; }
      .pop .content .eva .star {
        margin-bottom: 15px; }
        .pop .content .eva .star span {
          width: 55px;
          line-height: 22px;
          text-align: center;
          color: #444f58;
          margin-right: 10px;
          vertical-align: 2px;
          float: left; }
        .pop .content .eva .star i {
          color: #fff;
          font-size: 20px;
          cursor: pointer;
          float: left;
            text-shadow: 0 0 1px #aaa,0 0 1px #aaa,0 0 1px #aaa; }
          .pop .content .eva .star i.red-star {
            color: #eb413d; 
            text-shadow: 0 0 0 #fff;}
      .pop .content .eva #text {
        position: relative; }
        .pop .content .eva #text textarea {
          width: 100%;
          height: 140px;
          padding: 15px;
          resize: none;
          border: 1px solid #e7e7e7;
          border-radius: 3px; }
        .pop .content .eva #text .num {
          position: absolute;
          right: 15px;
          bottom: 15px; }
      .pop .content .eva .up {
        margin-top: 15px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center; }
        .pop .content .eva .up * {
          display: inline-block;
          height: 48px;
          line-height: 48px; }
        .pop .content .eva .up #files {
          display: none; }
        .pop .content .eva .up #label-file, .pop .content .eva .up .img {
          width: 48px;
          font-size: 20px;
          text-align: center;
          border: 1px solid #e7e7e7;
          background-color: #f6f6f6;
          color: #ddd;
          margin-right: 12px;
          cursor: pointer;
          -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s; }
        .pop .content .eva .up .upimg {
          margin-right: 10px;
          position: relative; }
          .pop .content .eva .up .upimg #label-file {
            margin: 0; }
            .pop .content .eva .up .upimg #label-file:hover {
              background-color: #fcfcfc; }
        .pop .content .eva .up figure .img {
          position: relative; }
          .pop .content .eva .up figure .img:hover .remove {
            display: block; }
          .pop .content .eva .up figure .img .remove {
            color: #eb413d;
            text-align: center;
            line-height: 48px;
            font-size: 13px;
            background-color: rgba(0, 0, 0, 0.6); }
      .pop .content .eva .state {
        color: #888;
        margin-left: 5px;
        line-height: 50px; }
        .pop .content .eva .state em, .pop .content .eva .state span {
          color: #eb413d;
          margin: 0 2px; }
      .pop .content .eva #anon {
        width: 20px;
        height: 20px;
        margin-left: 20px;
        margin-right: 5px;
        vertical-align: -5px; }
      .pop .content .eva label, .pop .content .eva #anon {
        cursor: pointer; }
      .pop .content .eva .upimg-shade, .pop .content .eva .remove {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0; }

.shade {
  display: none;
  background-color: rgba(0, 0, 0, 0.6);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }
